@charset "utf-8";
/*The common style 
	basic structure
*/
html,body{height:100%}

body{
	/*min-height:100%;*/
	font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "\4E3D\9ED1", "ProLiHei Pro Medium", "\9ED1\4F53", "SimHei";
	font-size:12px;
	background-color:#fff;

}

.outer-wrapper{
	height:100%;
	margin:0 auto;
	min-width:980px;
	min-height:600px;
	background-color:#555555;
	position:relative;	
}
.outer-wrapper-card{
	height:100%;
	margin:0 auto;
	min-width:980px;
	min-height:600px;
	background-image:url(../image/bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 100% auto;
	position:relative;	
}
.outer-wrapper-h{
	height:auto;
	}
.outer-wrapper-h content{
	height:auto;}
.outer-wrapper-m{
	min-height:750px;}
.noimgbg{
	background:none;
	background-color:#555555;
	height:auto;}
.noimgbg2{
	background:none;
	background-color:#000000;
	height:auto;}
.noimgbg3{
	background:none;
	background-color:#555555;
	height:auto;
}
/*top navigator*/
.top-nav{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#333;
	position:relative;
	}
.top-nav-bg{
	width:980px;
	margin:0 auto;}
.nav-search{
	width:190px;
	height:30px;
	margin-top:10px;
	}
.nav-search-input{
	width:150px;height:23px;}
.nav-search-btn{
	display:inline-block;
	height:30px;width:30px;
	background:url(../image/icon-search.png) no-repeat 0 0;}
.nav-user-list{
	margin-left:15px;
	width:36px;
	height:36px;
	margin-top:8px;
}
.nav-user-list-1 {
	background:url('../image/icon-nav-1.png');
}
.nav-user-list-1:hover {
	background:url('../image/icon-nav-1-hover.png');
}
.nav-user-list-2 {
	background:url('../image/icon-nav-2.png');
}
.nav-user-list-2:hover {
	background:url('../image/icon-nav-2-hover.png');
}
.nav-user-list-3 {
	background:url('../image/icon-nav-3.png');
}
.nav-user-list-3:hover {
	background:url('../image/icon-nav-3-hover.png');
}
.nav-user-list-4 {
	background:url('../image/icon-nav-4.png');
}
.nav-user-list-4:hover {
	background:url('../image/icon-nav-4-hover.png');
}
.nav-user-list-5 {
	background:url('../image/icon-nav-5.png');
}
.nav-user-list-5:hover {
	background:url('../image/icon-nav-5-hover.png');
}
.nav-user-list-6 {
	background:url('../image/icon-nav-6.png');
}
.nav-user-list-6:hover {
	background:url('../image/icon-nav-6-hover.png');
}
.nav-user-list-7 {
	background:url('../image/icon-nav-7.png');
}
.nav-user-list-7:hover {
	background:url('../image/icon-nav-7-hover.png');
}
.nav-user-list a{
	color:#fff;
	font-size:14px;
	display:block;
}
/*content*/
.content{
	width:980px;
	height:80%;
	margin:0 auto;
	position:relative;
	}
.content-n{
	width:603px;
	background:#ffffff;
	min-height:1870px;
	margin:20px auto 0;
	padding:20px 50px; 
	position:relative;
}
.content-4{
	width:680px;
	background:#ffffff;
	height:300px;
	margin:20px auto 0;
	padding:40px 10px; 
	position:relative;
}
.content-7{
	width:603px;
	background:#ffffff;
	height:150px;
	line-height:150px;
	margin:20px auto 0;
	padding:25px 50px; 
	position:relative;
}
.content-h{
	height:100%;}
.outer-wrapper-h content{
	height:100%;}
/*footer*/
.con-ft{
	width:100%;
	text-align:center;
	line-height:30px;
	color:#fff;
	z-index:0;
	}
.con-ft-ab{
	position:absolute;
	bottom:0;}
.con-ft-bg{
	background:#333;
	line-height:40px;}
.cp{}
.fl{
	float:left;
	}
.fr{
	float:right;
	}

/*margin default*/
.ml5{
	margin-left:5px;}
.ml10{
	margin-left:10px;}
.ml15{
	margin-left:15px;}
.ml20{
	margin-left:20px;}
.ml30{
	margin-left:30px;}
.ml40{
	margin-left:40px;}
.mt5{
	margin-top:5px;}
.mt10{
	margin-top:10px;}
.mt15{
	margin-top:15px;}
.error-tip{
	 color:#fff;
	 font-weight:bold;
	 padding-left:10px;
	 line-height:14px;}